<article id="video" class="wrapper">
	<div class="playerWrapper">
		<div id="ytapiplayer" data-id="<?php echo $post_meta['meta-youtube'][0]; ?>"></div>
		<!--ytapiplayer -->
		<div class="detailPostPanel">
			<div id="scrollBar" class="postWrapper scroll-pane">
				<h1><?php echo $post['title']; ?></h1>
				<h6 class="author">#<?php echo $post['author']['name']; ?></h6>
				<?php echo $post['content']; ?>
				<!-- end contend -->
				<div id="seriesPost">
					<h3>#Bài viết cùng series</h3>
					<?php if(!empty($seriesPost['data'])) : ?>
						<ul>
							<?php foreach($seriesPost['data'] as $series) : ?>
								<li><a href="<?php echo $series['permalink']; ?>"><?php echo $series['title']; ?></a></li>
							<?php endforeach; ?>
						</ul>
					<?php endif; ?>
				</div>
				<!-- end series -->
			</div>
			<div class="socialLike">
				<iframe src="//www.facebook.com/plugins/like.php?href=<?php echo get_the_permalink(); ?>&amp;width=320&amp;layout=standard&amp;action=like&amp;show_faces=true&amp;share=true&amp;height=80&amp;appId=350192041696475&amp;colorscheme=dark" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:320px; height:80px;" allowTransparency="true"></iframe>
			</div>
		</div>
		<!-- /.detailPostPanel -->
		<div class="izYtAds">
			
		</div>
	</div>
	<!-- playerWrapper -->
	<div class="tools">
		<ul>
			<li><a href="<?php echo $post_meta['meta-linkdemo'][0]; ?>"><img src="<?php echo CORE_THEME_IMAGE; ?>icon-livedemo-big.jpg" alt=""></a></li>
			<li><a href="<?php echo $post_meta['meta-linksource'][0]; ?>"><img src="<?php echo CORE_THEME_IMAGE; ?>icon-srcode-big.jpg" alt=""></a></li>
			<li><a href="<?php echo $post_meta['meta-linkmediafire'][0]; ?>"><img src="<?php echo CORE_THEME_IMAGE; ?>icon-mediafire.jpg" alt=""></a></li>
			<li><a href="<?php echo $post_meta['meta-linktorrent'][0]; ?>"><img src="<?php echo CORE_THEME_IMAGE; ?>icon-torrent.jpg" alt=""></a></li>
		</ul>
	</div>
</article>
<!-- /#video -->
<?php if(!empty($question)) : ?>
<article id="quiz" class="wrapper">
	<?php if(empty($FBUser)) : ?>
	<div class="step login">
		<h1>kiểm tra kiến thức vừa học</h1>
		<a id="loginWithFaceBook" href="https://www.facebook.com/groups/izwebz.group/"><img src="<?php echo CORE_THEME_IMAGE; ?>icon-fblogin.jpg" class="fbLogin" alt=""></a>
	</div>
	<?php else : ?>
	<div class="step question">
		<div class="profile floatLeft">
			<div class="ava"><?php echo $FBUser->full_name; ?><br> <img width="150" height="150" src="https://graph.facebook.com/<?php echo $FBUser->user_id; ?>/picture?width=150&height=150" alt=""></div>
			<div class="trophy">Bạn đang có <?php echo $FBUser->accumulation_point; ?> điểm, hãy cố gắng làm thêm bài tập nữa để nằm trong top 10 và nhận được những phần quà thú vị từ izwebz nhé.</div>
		</div>
		<!-- /.profile floatLeft -->
		<form action="" id="<?php echo $FBUser->user_id."#".$practiceTest->id; ?>" class="radioChange">
		<?php if(($resultExist==false && $resultTMPExist==false) || ($resultExist==true && $isSuccess==true && (!empty($nextTimeDoing) && compareCurrentTimeServer($nextTimeDoing)==true))) : ?>
		<div class="quizer welcome floatRight">
			<div class="quizWelcome">Kiểm tra chất lượng</div>
			<div class="quizNote"><?php echo $practiceTest->note; ?></div>
			<div class="quizLevel">
				<ul>
					<li>Độ khó: <?php echo $practiceTest->level; ?></li>
					<li>Số lượng câu hỏi: <?php echo count($question); ?> câu</li>
					<li>Thời gian làm bài: <?php echo $practiceTest->time; ?> phút</li>
				</ul>
			</div>
			<div class="startPracticeTest"></div>
			<div class="quizStart"><a id="startPost" class="startPracticeTest-<?php echo $practiceTest->time; ?>" href="javascript:void(0);">Bắt đầu làm bài</a></div>
		</div>
		<?php else : ?>
		<?php if(!empty($nextTimeDoing) && compareCurrentTimeServer($nextTimeDoing)==false) : ?>
			<div class="quizer finnished floatRight">
				<h3>Chúc mừng <?php echo $FBUser->full_name; ?> !!!</h3>
				<p>Bạn đã trả lời đúng <?php echo $numberCorrect; ?>/<?php echo count($question); ?> câu hỏi. Bạn đạt được 
					<span class="highlight"><?php echo $getPoint; ?> điểm</span>
					<span>Xem bảng xếp hạng xem mình có nằm trong <a href="#">top 10</a> không nhé.</span>
					<span>Bạn có thể làm lại bài sau: <em class="highlight"><?php echo date('d/m/Y H:i:s',strtotime($nextTimeDoing." + 7 hours")); ?></em></span>
				</p>
				<p>
					<span><a onClick="izwebz.core.facebook.postFeed('<?php echo $post['title']; ?>','Chúc mừng <?php echo $FBUser->full_name; ?> !!!','Bạn đã trả lời đúng <?php echo $numberCorrect; ?>/<?php echo count($question); ?> câu hỏi. Bạn đạt được <?php echo $getPoint; ?> điểm. Hãy tích luỹ thật nhiều điểm để nhận được những món quà đặc biệt từ Izwebz bạn nhé.','<?php echo $post['permalink']; ?>','<?php echo $post['thumbnail']; ?>');" href="javascript:void(0);">
						<img src="<?php echo CORE_THEME_IMAGE."share-fb.jpg"; ?>" alt=""></a>
					</span>
				</p>
			</div>
		<?php else : ?>
		<div class="quizer floatRight">
			<?php $currentQuestion = $currentQuestion == count($question) ? 0 : $currentQuestion; ?>
			
			<div class="izQuizInfo">
				<div class="quizNumner">Câu hỏi số 
					<span class="current"><?php echo $currentQuestion+1; ?></span>
					/<span class="total"><?php echo count($question); ?></span>
				</div>
					<div class="quizTime"></div>
				<div class="loading">Đang kiểm tra câu trả lời...</div>
			</div>
			
			<?php for($i=$currentQuestion; $i<count($question); $i++) : ?>
			<?php $answers = $this->PracticeTestAnswerModel->getPracticeTestAnswer($question[$i]->id); ?>
			<?php $index = ($i==0) ? ($currentQuestion+$i) : ($i>count($question)) ? $currentQuestion+$i : $i+1; ?>
			<div class="izQuizQuestion" id="question-<?php echo $index; ?>">
				<div class="quizDetail"><?php echo $question[$i]->question; ?></div>
				<div class="quizChoose">Chọn phương án trả lời cuối cùng</div>
				<div class="quizList">
					<ul>
					<?php foreach($answers as $key=>$answer) : ?>
						<?php if($answer->answer == "True/False") : ?>
							<li data-current="<?php echo $index; ?>" data-next="<?php echo $index+1<=count($question) ? $index+1 : "last"; ?>">
								<input type="radio" class='izApplyAnswer' data-question="YesNo" value="yes" name="answer" id="answer_<?php echo $answer->id; ?>_<?php echo $answer->question_id; ?>">
								<label for="answer_<?php echo $answer->id; ?>_<?php echo $answer->question_id; ?>">A. True</label>
							</li>
							<li data-current="<?php echo $index; ?>" data-next="<?php echo $index+1<=count($question) ? $index+1 : "last"; ?>">
								<input type="radio" class='izApplyAnswer' data-question="YesNo" value="no" name="answer" id="answer_<?php echo $answer->id; ?>_<?php echo $answer->question_id; ?>">
								<label for="answer_<?php echo $answer->id; ?>_<?php echo $answer->question_id; ?>">B. False</label>
							</li>
						<?php else : ?>
							<li data-current="<?php echo $index; ?>" data-next="<?php echo $index+1<=count($question) ? $index+1 : "last"; ?>">
								<input type="radio" class='izApplyAnswer' data-question="Selected" name="answer" id="answer_<?php echo $answer->id; ?>_<?php echo $answer->question_id; ?>">
								<label for="answer_<?php echo $answer->id; ?>_<?php echo $answer->question_id; ?>"><?php echo changeLabel($key+1); ?> <?php echo $answer->answer; ?></label>
							</li>
						<?php endif; ?>
					<?php endforeach; ?>
					</ul>
				</div>
			</div>
			<?php endfor; ?>
		</div>
		<?php endif; // check show question ?>
		<?php endif; ?>
		</form>
		<!-- /.quizer floatRight -->
		<div class="clearfix"></div>
	</div>
	<?php endif; ?>
</article>
<!-- /#quiz -->
<?php endif; ?>

<article id="mainContain" class="wrapper">
	<section class="floatLeft" id="singlePost">
		<div class="authorPanel">
			<div class="authorDetail floatLeft">
				<?php echo get_avatar($post['author']['id'], 110); ?>
				<h3>#<?php echo $post['author']['name']; ?></h3>
				<p><?php echo $post['author']['description']; ?></p>
			</div>
			<!-- /.authorDetail floatLeft -->
			<div class="fire floatRight">
				<h3># gửi LỬA</h3>
				<p>Hãy giúp cho tác giả thêm máu lửa và cảm hứng khi sáng tác với 20k</p>
				<form action="#">
					<input type="number" value="20000" placeholder="20.000" required>
					<input type="submit" value="# fire">
				</form>
			</div>
			<!-- /.fire floatRight -->
			<div class="clearfix"></div>
		</div>
		<!-- /.authorPanel -->

		<div id="comments">
			<div class="commentHeader">
				<h1># thảo luận</h1>
				<p>Muốn giỏi phải học, muốn học thì phải hỏi. Do đó, trong quá trình học hỏi và nghiên cứu, bạn sẽ luôn có những thắc mắc. Chính vì thế, hãy cùng tham gia thảo luận với nhau để tìm ra câu trả lời thích hợp. Bạn có thể thảo luận ngay trong topic này, hoặc tham gia vào cộng đồng <a class="bold" href="https://www.facebook.com/groups/izwebz.group/" target="_blank">Izwebz Group</a> trên Facebook, hay có thể <a href="https://www.izwebz.com/giai-dap-thac-mac/" class="bold">gửi thư</a> riêng cho tác giả “<?php echo $post['author']['name']; ?>”.</p>
			</div>
			<!-- commentHeader -->
			<div class="commentList">
				<?php comments_template(); ?> 
			</div>
			<!-- /.commentList -->
		</div>
		<!-- /#comment -->
	</section>
	<!-- /#lastestPost.floatLeft -->

	<?php $this->sidebar(); ?>
	<div class="clearfix"></div>
</article>
<!-- /#mainContent.wrapper -->